<template>
	<div class="container">
		<common-header :title="title"></common-header>
		<tab></tab>
		<list-scroll-wrapper></list-scroll-wrapper>
	</div>
</template>

<script>
import fieldDatas from 'data/fields';
import { mapState } from 'vuex';

import CommonHeader from 'components/Header/Common';
import ListScrollWrapper from 'components/ScrollWrapper/List';
import Tab from 'components/Tab/Index';

export default {
	name: 'List',
	components: {
		CommonHeader,
		ListScrollWrapper,
		Tab
	},
	data() {
		return {

		}
	},
	computed: {
		...mapState(['field']),

		title() {
			return fieldDatas.filter(item => {
				return this.field === item.field;
			})[0].iconText + '列表';
		}
	}
}
</script>

<style>

</style>
